/* 暗色主题增强样式 */

/* 表单和卡片样式 */
.dark .n-form {
  color: var(--text-color-regular);
}

.dark .n-form-item-label {
  color: var(--text-color-regular);
}

.dark .n-card {
  background-color: var(--card-background);
  color: var(--text-color-regular);
  border: 1px solid var(--border-color-base);
}

.dark .n-card-header {
  border-bottom-color: var(--border-color-base);
}

.dark .n-card__title {
  color: var(--text-color-primary);
}

/* 输入框样式 */
.dark .n-input {
  background-color: var(--input-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-input:hover,
.dark .n-input:focus,
.dark .n-input--focus {
  border-color: var(--primary-color);
}

.dark .n-input__placeholder {
  color: var(--text-color-secondary);
}

/* 下拉选择框样式 */
.dark .n-select {
  background-color: var(--input-background);
  color: var(--text-color-regular);
}

.dark .n-select-menu {
  background-color: var(--dropdown-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-base-select-option {
  color: var(--text-color-regular);
}

.dark .n-base-select-option:hover,
.dark .n-base-select-option--selected {
  background-color: var(--primary-bg-color);
}

/* 数字输入框样式 */
.dark .n-input-number {
  background-color: var(--input-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-input-number:hover,
.dark .n-input-number:focus,
.dark .n-input-number--focus {
  border-color: var(--primary-color);
}

/* 文本域样式 */
.dark .n-input__textarea {
  background-color: var(--input-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

/* 表格样式 */
.dark .n-data-table {
  background-color: var(--table-background);
  color: var(--text-color-regular);
}

.dark .n-data-table-th {
  background-color: var(--table-header-background);
  color: var(--text-color-primary);
  border-color: var(--border-color-base);
}

.dark .n-data-table-td {
  border-color: var(--border-color-base);
}

.dark .n-data-table-tr:hover {
  background-color: var(--table-hover-background);
}

/* 模态框样式 */
.dark .n-modal {
  background-color: var(--modal-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-modal-header {
  border-bottom-color: var(--border-color-base);
}

.dark .n-modal-footer {
  border-top-color: var(--border-color-base);
}

.dark .n-card-header__main {
  color: var(--text-color-primary);
}

.dark .n-modal .n-card {
  background-color: var(--modal-background);
  color: var(--text-color-regular);
}

/* 警告框样式 */
.dark .n-alert {
  background-color: var(--form-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-alert--info {
  background-color: rgba(64, 158, 255, 0.1);
  border-color: rgba(64, 158, 255, 0.2);
}

.dark .n-alert__title {
  color: var(--text-color-primary);
}

/* 按钮样式 */
.dark .n-button--default {
  background-color: var(--input-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-button--default:hover {
  background-color: var(--table-hover-background);
  border-color: var(--primary-color);
}

/* 商品创建页面特定样式 */
.dark .product-create .page-content {
  background-color: var(--background-color);
}

.dark .product-create .form-card {
  background-color: var(--card-background);
  border-color: var(--border-color-base);
}

.dark .product-create .page-subtitle {
  color: var(--text-color-secondary);
}

/* 标签样式 */
.dark .n-tag {
  background-color: var(--form-background);
  color: var(--text-color-regular);
}

.dark .n-tag--primary {
  background-color: rgba(54, 173, 106, 0.2);
  color: var(--primary-color);
}

.dark .n-tag--info {
  background-color: rgba(64, 158, 255, 0.2);
  color: var(--info-color);
}

.dark .n-tag--success {
  background-color: rgba(54, 173, 106, 0.2);
  color: var(--success-color);
}

.dark .n-tag--warning {
  background-color: rgba(230, 162, 60, 0.2);
  color: var(--warning-color);
}

.dark .n-tag--error {
  background-color: rgba(231, 76, 60, 0.2);
  color: var(--error-color);
}

/* 分页样式 */
.dark .n-pagination {
  color: var(--text-color-regular);
}

.dark .n-pagination-item {
  background-color: var(--input-background);
  color: var(--text-color-regular);
  border-color: var(--border-color-base);
}

.dark .n-pagination-item:hover {
  background-color: var(--table-hover-background);
  border-color: var(--primary-color);
}

.dark .n-pagination-item--active {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

/* 滚动条样式 */
.dark ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 4px;
}

.dark ::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}

/* 详情页面样式 */
.dark .info-label {
  color: var(--text-color-secondary);
}

.dark .info-value {
  color: var(--text-color-primary);
}

.dark .page-subtitle {
  color: var(--text-color-secondary);
}

.dark .total-amount {
  color: var(--text-color-primary);
}

.dark .amount {
  color: var(--error-color);
}

/* 通用页面容器样式 */
.dark .page-content {
  background-color: var(--card-background);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 会员管理页面 */
.dark .member-create,
.dark .member-detail,
.dark .member-list {
  background-color: var(--background-color);
}

/* 字典管理页面 */
.dark .dictionary-list,
.dark .dictionary-item-list {
  background-color: var(--background-color);
}

/* 全局背景色 */
.dark body,
.dark .app-container,
.dark .dashboard-container,
.dark .content {
  background-color: var(--background-color);
  color: var(--text-color-regular);
}
